<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="fonts的副本/iconfont.css">
    <title>bilibili</title>
</head>

<body>
    <!-- 头部模块 -->
    <header class="suspensionBox">
        <div class="m-navBar">
            <div class="logo"><a href="#"><img src="images/logo.png" alt=""></a></div>
            <div class="right">
                <a href="#" class="search"></a>
                <a href="#" class="head"><img src="images/login.png" alt=""></a>
                <div class="appBtn"><img src="images/download.png" alt=""></div>
            </div>
        </div>
        <div class="channelMenu">
            <div class="tabs">
                <div class="tabList">
                    <a href="#">首页</a>
                    <a href="#">游戏</a>
                    <a href="#">动画</a>
                    <a href="#">电影</a>
                    <a href="#">娱乐</a>
                    <a href="#">公开课</a>
                    <a href="#">综艺</a>
                    <a href="#">电视剧</a>
                    <a href="#">美食</a>
                    <a href="#">科技</a>
                    <div class="line"></div>
                </div>
            </div>
            <div class="more"></div>
        </div>
    </header>
    <div class="m-home">
        <div class="video-list">
            <a href="#" class="video-items">
                <div class="card"><img src="images/2.jpg" alt="">
                    <div class="count"><span>播放量</span><span>评论</span></div>
                </div>
                <p class="title ellipsis-2">的开发局是咖啡店技能大赛开始简单方便时对电饭锅电饭锅说十公分高方</p>
            </a>
            <a href="#" class="video-items">
                <div class="card"><img src="images/2.jpg" alt="">
                    <div class="count"><span>播放量</span><span>评论</span></div>
                </div>
                <p class="title ellipsis-2">的开发局是咖啡店技能大赛开始十多个简单王若飞根深蒂固方便时对方</p>
            </a>
            <a href="#" class="video-items">
                <div class="card"><img src="images/2.jpg" alt="">
                    <div class="count"><span>播放量</span><span>评论</span></div>
                </div>
                <p class="title ellipsis-2">的开发局是咖啡店技能大赛开始简单方便时对方</p>
            </a>
            <a href="#" class="video-items">
                <div class="card"><img src="images/2.jpg" alt="">
                    <div class="count"><span>播放量</span><span>评论</span></div>
                </div>
                <p class="title ellipsis-2">的开发局是咖啡店技能大赛开始简单方便时对方</p>
            </a>
            <a href="#" class="video-items">
                <div class="card"><img src="images/2.jpg" alt="">
                    <div class="count"><span>播放量</span><span>评论</span></div>
                </div>
                <p class="title ellipsis-2">的开发局是咖啡店技能对方感受到对方感动大赛开始简单方便时对方</p>
            </a>
            <a href="#" class="video-items">
                <div class="card"><img src="images/2.jpg" alt="">
                    <div class="count"><span>播放量</span><span>评论</span></div>
                </div>
                <p class="title ellipsis-2">的开发局是咖啡店技能对方感受到对方感动大赛开始简单方便时对方</p>
            </a>
            <a href="#" class="video-items">
                <div class="card"><img src="images/2.jpg" alt="">
                    <div class="count"><span>播放量</span><span>评论</span></div>
                </div>
                <p class="title ellipsis-2">的开发局是咖啡店技能对方感受到对方感动大赛开始简单方便时对方</p>
            </a>
            <a href="#" class="video-items">
                <div class="card"><img src="images/2.jpg" alt="">
                    <div class="count"><span>播放量</span><span>评论</span></div>
                </div>
                <p class="title ellipsis-2">的开发局是咖啡店技能对方感受到对方感动大赛开始简单方便时对方</p>
            </a>
            <a href="#" class="video-items">
                <div class="card"><img src="images/2.jpg" alt="">
                    <div class="count"><span>播放量</span><span>评论</span></div>
                </div>
                <p class="title ellipsis-2">的开发局是咖啡店技能对方感受到对方感动大赛开始简单方便时对方</p>
            </a>
        </div>
    </div>
    <div class="add">
        <div class="btn-add">
            <img src="images/logo.png" alt="">
            打开App，看你感兴趣的视频
        </div>
    </div>
</body>

</html>